<template>
  <div class="news">
    <h3>News</h3>
        <!-- <router-link tag="button" to="/Home/News/NewsDetail?name=国内"
      >国内新闻</router-link
    >
    <router-link tag="button" to="/Home/News/NewsDetail?name=国际"
      >国际新闻</router-link
    >
    <router-link tag="button" to="/Home/News/NewsDetail?name=武汉"
      >武汉新闻</router-link
    > -->

    <router-link tag="button" :to="{name:'NewsDetail', query:{name:'国内'},}">国内新闻</router-link>
    <router-link tag="button" :to="{name:'NewsDetail', query:{name:'随州'},}">随州新闻</router-link>
    <router-link tag="button" :to="{name:'NewsDetail', query:{name:'武汉'},}">武汉新闻</router-link>
  <router-view></router-view>
  </div>
</template>

<script>
export default {
name:"News",
mounted(){
    console.log("News 111");
},
beforeDestroy(){
    console.log("beforeDestroy 222");
}
}
</script>

<style scoped>
.news{
    background-color: aqua;
}
</style>